<!-- Empieza la cabecera -->
<div id="pnl_cabecera">
    <table id="tbl_menu" width="100%">
        <tr>
            <td>
                <a href=''>
                    <img src="images/logo.jpg" width='200' height='60' alt="Logo"/>
                </a>
            </td>
            <td align="right">
                Usuario: 
                <strong>
                    <% if (session.getAttribute("sUsuario") == null) {
                           out.println("Invitado [<a href='front?v=4&ac=4'>Entrar</a>]");
                       } else {
                           out.println(session.getAttribute("sNombre"));
                       } %>
                </strong>
            </td>
            <td align="right" width="8%">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <% if (session.getAttribute("sUsuario") == null) {
                       out.println("<a href='front?v=4&ac=4'>Entrar</a>");
                   } else {
                        out.println("<button type=\"button\" class=\"btn_salir\" title=\"Cerrar Sesi&oacute;n\">Salir</button>");
                       //out.println("<a href='usu?ac=lo' class='button medium blue'>"
                       //         + " Salir <img src='images/salir.png' width='14' height='14' alt='Salir' title='Salir'/>"
                       //        + "</a>");
                    } %>
            </td>
        </tr>
    </table>
</div>
<script type='text/javascript'>
    $(document).ready(function() {
        $(".btn_salir").button({
            icons: {primary: "ui-icon-power"}
        });
        $(".btn_salir").click(function() {
            window.location.replace("usu?ac=lo");
        });
    });
</script>
<!-- Termina la cabecera -->